<template>
  <h1>{{ msg }}</h1>
  <button type="button" @click="state.count++">
    count is: {{ state.count }}
  </button>
  <br />
  <br />
</template>

<script setup>
import { defineProps, reactive } from "vue";

defineProps({
  msg: String,
});

const state = reactive({ count: 0 });
</script>

<style scoped>
a {
  color: #42b983;
}
</style>
